<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
	<!--定义编码格式-->
	<meta charset="UTF-8">
	<!--设置IE渲染方式默认为最高( 让它永远按最新的文档模型渲染）-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Title</title>
	<!-- 解决IE8的 对媒体查询的兼容性-->
	<!--[if lt IE 9]>
	<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/blog.css">
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>

	<!--引入 谷歌的字体库-->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
		  rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic"
		  rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"></div>
<!-- blog -->
	<div class="blog">
		<div class="container">
			<div class="col-md-7 blog-left">
				<h3>Blog</h3>
				<div class="blog-left-grid">
					<h4><a href="learnmore.html">Three Quebec Wellness Sanctuaries</a></h4>
					<p>Inspired by the world’s largest reserve of fresh water and linked by the scenic Train de Charlevoix railway along the Saint Lawrence River, three Canadian wellness sanctuaries make a splash with spa-goers.</p>
					<a href="learnmore.html"><img src="images/1.jpg" alt=" " class="img-responsive" /></a>
					<p class="dolore">"The spa has a strong onboarding program with rigorous training that gives new team members a crystal-clear picture of their job requirements, as well as the resort’s expectations. This process ensures that spa staff are like-minded, with caring and entrepreneurial spirits, explains Sharpe-Keene. “We always set expectations from the beginningand work hard to foster a supportive and compassionate environment where people are valued for all of their contributions,” she adds.</p>
					<ul>
						<li><a href="#"><i class="glyphicon glyphicon-user" aria-hidden="true"></i>User Name</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-tags" aria-hidden="true"></i>0 Tages</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-bookmark" aria-hidden="true"></i>dolore eu fugiat</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-comment" aria-hidden="true"></i>10 Comments</a></li>
					</ul>
					<div class="more m1">
						<a href="learnmore.html">Learn More</a>
					</div>
				</div>
				<div class="blog-left-grid">
					<h4><a href="learnmore.html">The Spa at Silver Legacy, Reno, Nevada</a></h4>
					<p>The most requested service, especially for travelers, stressed businesspeople and wedding parties, is the Moment Spa Massage (80 min./$174). “Our clientele wants to relieve their tensions</p>
					<a href="learnmore.html"><img src="images/17.jpg" alt=" " class="img-responsive" /></a>
					<p class="dolore">"Midway on its journey, the tourist train stops in Baie- Saint-Paul, pulling into a new station built on the grounds of the strikingly modern Le Germain Hotel Charlevoix. The 5,000-square-foot, seven-treatment-room Spa Nordique is the only Nordic spa in the Charlevoix region. A recipient of a 2018 Spa D’ Excellence award from the Quebec Association of Spas</p>
					<ul>
						<li><a href="#"><i class="glyphicon glyphicon-user" aria-hidden="true"></i>User Name</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-tags" aria-hidden="true"></i>0 Tages</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-bookmark" aria-hidden="true"></i>dolore eu fugiat</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-comment" aria-hidden="true"></i>10 Comments</a></li>
					</ul>
					<div class="more m1">
						<a href="learnmore.html">Learn More</a>
					</div>
				</div>
				<div class="blog-left-grid">
					<h4><a href="learnmore.html">The Spa at the Peaks Resort, Colorado</a></h4>
					<p>Moment Spa Le Manoir Richelieu, La Malbaie, Quebec</p>
					<a href="learnmore.html"><img src="images/16.jpg" alt=" " class="img-responsive" /></a>
					<p class="dolore">The final destination is, ironically enough, the only non-railway hotel, originally built for tourists arriving by ship rather than train. Turn-of-the-century cruises brought travelers to the 5-star vacation paradise, which first opened in 1899, burned down in 1928, was reborn in 1929 and opened its first spa in 2000.</p>
					<ul>
						<li><a href="#"><i class="glyphicon glyphicon-user" aria-hidden="true"></i>User Name</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-tags" aria-hidden="true"></i>0 Tages</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-bookmark" aria-hidden="true"></i>dolore eu fugiat</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-comment" aria-hidden="true"></i>10 Comments</a></li>
					</ul>
					<div class="more m1">
						<a href="learnmore.html">Learn More</a>
					</div>
				</div>
			</div>
			<div class="col-md-5 blog-right">
				<h3>Login Form</h3>
				<div class="in-form">
					<form>
						<input type="text" value="Username" placeholder="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}" required="">
						<input type="password" value="password" placeholder="password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'password';}" required="">
					</form>
					<div class="ckeck-bg">
						<div class="checkbox-form">
							<div class="check-left">
								<div class="check">
									<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i> </i>Keep me Logged in</label>
								</div>
								<div class="check">
									<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i> </i>Remember my Password</label>
								</div>
							</div>
							<div class="check-right">
								<form>
									<input type="submit" value="Login">
								</form>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="recent-posts">
					<h4>Recent posts</h4>
					<div class="recent-posts-info">
						<div class="posts-left sngl-img">
							<a href="learnmore.html"> <img src="images/11.jpg" alt="" class="img-responsive" /> </a>
						</div>
						<div class="posts-right">
							<lable>August 15, 2015</lable>
							<h5><a href="learnmore.html">FINIBUS BONORUM MALORUM </a></h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing incididunt.</p>
							<a href="learnmore.html" class="btn btn-primary hvr-rectangle-in">Read More</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="recent-posts-info">
						<div class="posts-left sngl-img">
							<a href="learnmore.html"> <img src="images/12.jpg" alt="" class="img-responsive" /></a>
						</div>
						<div class="posts-right">
							<lable>August 20, 2015</lable>
							<h5><a href="learnmore.html"> Director of Business Development</a></h5>
							<p>To further develop relationships with distributors and expand market share.</p>
							<a href="learnmore.html" class="btn btn-primary hvr-rectangle-in">Read More</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="comments">
					<h4>Recent comments</h4>
					<div class="comments-info">
						<div class="cmnt-icon-left">
							<a href="learnmore.html"><img src="images/13.jpg" alt="" class="img-responsive" /></a>
						</div>
						<div class="cmnt-icon-right">
							<p>August 15, 2015</p>
							<p><a href="learnmore.html">Admin</a></p>
						</div>
						<div class="clearfix"> </div>
						<p class="cmmnt">I am very excited to be a member of the esteemed Belava team and hope to partner once again with the industry’s best distributors, salons and resorts.</p>
					</div>
					<div class="comments-info cmnts-mddl">
						<div class="cmnt-icon-left">
							<a href="learnmore.html"><img src="images/14.jpg" alt="" class="img-responsive" /></a>
						</div>
						<div class="cmnt-icon-right">
							<p>August 22, 2015</p>
							<p><a href="learnmore.html">Admin</a></p>
						</div>
						<div class="clearfix"> </div>
						<p class="cmmnt">We are most pleased to have Karen Raasch in this period of high growth.</p>
					</div>
					<div class="comments-info">
						<div class="cmnt-icon-left">
							<a href="learnmore.html"><img src="images/15.jpg" alt="" class="img-responsive" /></a>
						</div>
						<div class="cmnt-icon-right">
							<p>August 26, 2015</p>
							<p><a href="learnmore.html">Admin</a></p>
						</div>
						<div class="clearfix"> </div>
						<p class="cmmnt">Her experience and track record of success make her an excellent choice for this important role, and we wish her very success leading the Belava brand.</p>
					</div>
				</div>
			</div>
			<div class="clearfix"> </div>
			<nav>
				<ul class="pagination blog-pagination">
					<li>
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
						</a>
					</li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li>
						<a href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
<!-- //blog -->
<div id="footer"></div>
<script>
	$("#header").load("header.html");
	$("#footer").load("footer.html");
</script>
</body>
</html>